<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>背景</title>
		<style>
			body{
				background-image: url(img/R-C.png);
				background-repeat: no-repeat;
				/* 背景图片固定:fixed
				背景图片随着页面滚动:scroll */
				background-attachment: fixed;
				background-position: right top;
				/* 复合写法 */
				background: gainsboro url(img/R-C.png) no-repeat fixed center/50%;
			}
			.box{
				width: 300px;
				height: 300px;
			/* 	background-color: transparent; */
			background-image: url("img/R-C.png");
			/* 背景图片重复显示：repeat
			不重复显示：no-repeat
			横向重复：repeat-x
			纵向重复：repeat-y
			 */
			background-repeat: no-repeat;
			font-size: 36px;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>
